<template>
	<div class="notice flex-center">
		<div class="notice__icon">
			<i class="iconfont icon-xinxi"></i>
		</div>
		<div class="notice__detail">
			<div class="notice__detail--tip">通知</div>
			<div class="notice__detail--item">暂时没有通知</div>
		</div>
		<div class="notice__all">
			<a href="#" class="">查看全部通知&gt;&gt;</a>
		</div>
	</div>
</template>

<script>
	export default {
		
	}
</script>

<style scoped lang="scss">
	.notice {
		border-bottom: $split-line;
	}
	/*********************************/
	.notice__icon {
		margin-right: rem(30);
		i {
			font-size: rem(25);
			color: $color-warning;
		}
	}
	/*********************************/
	.notice__detail {	
		flex: 1;
	}
	.notice__detail--tip {
		color: $gray-light;
		font-size: $font-md;
		margin-bottom: rem(5);
	}
	.notice__detail--item {
		color: $gray;
		font-size: $font-xs;
	}
	/*********************************/
	.notice__all {
		a {
			font-size: $font-xs;
			color: $gray;
		}
	}
</style>